<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Document</title>
        <!-- 进入重置样式 -->
        <link rel="stylesheet" href="../css/reset.css" />
        <!-- 引入常态化样式 -->
        <link rel="stylesheet" href="../css/normalize.css" />
        <!-- 引入公共样式 -->
        <link rel="stylesheet" href="../css/common.css" />
        <!-- 引入iconfont插件样式 -->
        <link rel="stylesheet" href="../lib/font_6lu90pe2u1i/iconfont.css" />
        <!-- 引入swiper插件样式 -->
        <!-- <link rel="stylesheet" href="../lib/swiper-bundle.min.css" /> -->
        <!-- 引入本地样式 -->
        <link rel="stylesheet" href="../css/customer.css" />
    </head>
    <body class="minWidth">
        <!-- 头部导航栏 -->
        <header class="abs">
            <section class="logl"></section>
            <ul>
                <li><a href="../html/index.html" class="active navgit">首页</a></li>
                <li><a href="../html/api-index.html" class="navgit">API</a></li>
                <li><a href="#" class="navgit">云服务</a></li>
                <li><a href="#" class="navgit">案例</a></li>
                <li><a href="#" class="navgit">开发者</a></li>
            </ul>
            <section class="register ">
                <span class="point Glooe">登录</span>
                <span class="point regisNow">注册有礼</span>
            </section>
        </header>
        <main >
            <!-- /* 粒子效果图 */ -->
            <div class="demoFash abs">

            </div>
            <!-- bannner图板块 -->
            <section class="banner abs">
                <div class="bannerCont container">
                    <p class="banTitle txtCent"> 助力行业巨头，独角兽企业 </p>
                    <p class="object txtCent">已服务10万+企业客户</p>
                    <p class="case txtCent">-精选案例-</p>
                </div>
            </section>
            <!-- 金融案例板块 -->
            <section class="Financial">
                <section class="FinancialCont container cf">
                   <section class="FinancialContLeft">
                    <div class="finaCont FinaPage1">
                      <p class="finaTitle rel"> 金融案例 <span>/Financial Case</span> </p>
                        <section class="finaPic rel finaPicA"> <!--ul-->
                          <div class="areaPica"> <!--li-->
                            <img src="../images/szfjg.png" alt="">
                            <p>苏州银行数据API服务系统</p>
                            <p>苏州银行的前身是江苏东吴农村商业银行股份有限公司,2011年经监管批准,由农村中小金融机构监管序列调整为中小商业银行监管序列。2019年8月2日,苏州银行登陆A股,为全国第33家、江苏省第9家上市银行。2020年3月9日,“2019年中国银行业100强榜单”发布,苏州银行排名第51位。</p>
                            <p class="under">了解详情</p>
                          </div> 
                        </section>
                        <div class="finaCont FinaPage4">
                            <p class="finaTitle rel"> 更多伙伴 <span>/More Partners</span> </p>
                            <!-- 左边板块 -->
                            <section class="finaPic rel">
                                <div class="picBlock">
                              
                                </div>
                                <div class="picBlock">
                              
                                </div>
                                <div class="picBlock">
                               
                                </div>
                                <div class="picBlock">
                               
                                </div>
                                <div class="picBlock">
                              
                                </div>
                                <div class="picBlock">
                               
                                </div>
                                <div class="picBlock">
                               
                                </div>
                                <div class="picBlock">
                              
                                </div>
                                <div class="picBlock">
                               
                                </div>
                            </section>
                        </div> 
                    </div>
                </section>
                <!-- 右边板块 -->
                <section class="FinancialContRight rel ">
                    <ul class="topAside fixedP abs">
                        <li class="point finaBtn">金融案例</li>
                        <li class="point finaBtn">企业案例</li>
                        <li class="point finaBtn">政务案例</li>
                        <li class="point finaBtn">更多伙伴</li>
                    </ul>
                </section>
                
                
            </section>
            
        </section>
    </main>
    <footer>
            <!-- 尾部版心 -->
            <div class="foot-cont container">
                <!-- 尾部左边板块 -->
                <div class="leftBox">
                    <ul class="list">
                        <li>联系与支持</li>
                        <li>400-882-7715</li>
                        <li>售前咨询</li>
                        <li>客服&售后</li>
                        <li>常见问题</li>
                        <li>极速工单</li>
                        <li>投诉与建议</li>
                    </ul>

                    <ul class="list">
                        <li>关于源码</li>
                        <li>400-882-7715</li>
                        <li>合作伙伴</li>
                        <li>服务条款</li>
                        <li>隐私政策</li>
                        <li>市场合作</li>
                        <li>反商业贿赂声明</li>
                    </ul>

                    <ul class="list">
                        <li>快速入口</li>
                        <li>400-882-7715</li>
                        <li>合作伙伴</li>
                        <li>服务条款</li>
                        <li>隐私政策</li>
                        <li>市场合作</li>
                        <li>反商业贿赂声明</li>
                    </ul>

                    <ul class="list">
                        <li>产品服务</li>
                        <li>400-882-7715</li>
                        <li>合作伙伴</li>
                        <li>服务条款</li>
                        <li>隐私政策</li>
                        <li>市场合作</li>
                        <li>反商业贿赂声明</li>
                    </ul>

                    <ul class="list">
                        <li>解决方案</li>
                        <li>400-882-7715</li>
                        <li>合作伙伴</li>
                        <li>服务条款</li>
                        <li>隐私政策</li>
                        <li>市场合作</li>
                        <li>反商业贿赂声明</li>
                    </ul>
                </div>
                <!-- 尾部右边板块 -->
                <div class="rtBox">
                    <p class="title">微信公众号</p>
                    <p class="timetxt">源码时代</p>
                    <img src="../images/wechat-white.png" alt="" />
                </div>
                <p class="copy">
                    <!-- 尾部版权图片部分 -->
                    <span class="copy-pic"></span>
                    <span class="copy-pic"></span>
                    <!-- 尾部版权经营许可联系电话部分 -->
                    <span class="copy-icon">增值电信业务经营许可证:蜀B2-20180596蜀ICP备15006450号-3营业执照</span>
                    <!-- 尾部版权号右边部分 -->
                    <span class="copy-cont">源码大数据股份有限公司&copy;版权所有</span>
                </p>
            </div>

            <!-- 注册表单界面模板 -->
            <div class="model">
                <!-- 注册模态框头部 -->
                <div class="modelHeadCont">
                    <div class="modelHead modelContainer">
                        <img src="../images/logo-white.png" alt="" />
                        <p class="gotNum">
                            <span class="HaveAccount point">已有源码账号,</span><span
                                class="loginColor logined point">登录</span>
                        </p>
                    </div>
                </div>
                <!-- 注册界面 -->
                <div class="regis-plate">
                    <!-- 注册界面内容 -->
                    <div class="regis-cont">
                        <!-- 注册界面表单   -->
                        <form action="#" class="rel formCont">
                            <!-- 注册表单欢迎注册板块 -->

                            <h1 class="h1-delMargin">欢迎注册</h1>
                            <!-- 注册表单免费接口板块 -->
                            <p class="interface">百款接口免费试用</p>
                            <!-- 300元大礼包板块 -->
                            <button class="pack borRadus-5 point">注册即送300元大礼包</button>
                            <!-- 注册表单用户名板块 -->
                            <p class="username">
                                <input class="borRadus-5 cont-input verify1" type="text" placeholder="用户名(6~20位字母数字)" />
                                <span class="errorName abs ftS-12 errorIcon">昵称需在6~12字母数字间</span>
                            </p>
                            <!-- 注册表单手机号验证码板块 -->
                            <p class="phNum">
                                <input class="borRadus-5 cont-input verify2" type="text" s placeholder="请输入手机号码" />
                                <span class="errorPhoNum abs ftS-12 errorIcon">请输入11位手机号码</span>
                            </p>
                            <!-- 注册表单手机号获取验证码板块 -->
                            <p class="VerCode">
                                <input class="borRadus-5 cont-input" type="text" placeholder="请输入手机短信验证码" />
                                <button class="GetVer point abs">获取验证码</button>
                            </p>
                            <!-- 注册表单密码板块 -->
                            <p class="password">
                                <input class="borRadus-5 cont-input verify3" type="password"
                                    placeholder="请输入6至12位的密码" />
                                <span class="errorPassword abs ftS-12 errorIcon">密码需在6~12位</span>
                            </p>
                            <!-- 阅读接受板块 -->
                            <p class="readAcc">
                                <input class="borRadus-5 choice" type="checkbox" />我已阅读并接受
                                <span>《源码用户服务协议》&nbsp;《源码隐私政策》</span>
                            </p>
                            <button class="RegNow point">立即注册</button>
                        </form>
                    </div>
                </div>
            </div>





            <!-- 登录表单界面模板 -->
            <div class="LoginScreen zIndex-70 ">
                <!-- 版心 -->
                <div class="boxLogin cf">
                  
                      <!-- 左边栏 -->
                      <div class="LoginLeftCont">
                          <img src="../images/login-bg.png" alt="" class="" />
                      </div>
                      <!-- 右边栏 -->
                    <div class="loginRightCont "> 
                          <!-- 右边内容 -->
                        <div class="contCent">
                            <!-- 登录界面logl -->
                            <img src="../images/loginlogo.png" alt="" class="" />
                                <!-- 账号登录板块 -->
                            <div class="account">
                                <span class="ftS-14 active point UserLgin">账号登录</span>
                                <strong></strong>
                                <span class="ftS-14 point UserLgin">扫码登录</span>
                            </div>



                            <form class="PorMesage  formSubmit ">
                                    <!-- 登录界面用户名/手机号/邮箱 -->
                                    <p class="phone rel"><span class="abs"></span> <input type="text" placeholder=" 用户名/手机号/邮箱"
                                            class="loginEmail ftsCol"></p>
                                    <!-- 登录界面密码框  -->
                                    <p class="passwordMesage rel"> <span class="abs"></span> <input type="password" placeholder="密码"
                                            class="loginPassWord ftsCol"> </p>
                                    <!-- 登录界面忘记密码 -->
                                    <p class="ForPassword point">忘记密码</p>
                                    <!-- 登录界面登录按钮 -->
                                    <p> <button class="logining point">登录</button> </p>
                                    <p class="regisEd rel"> <span class="NotHave point">还没有源码账号，</span> <span
                                            class="point regisNow reSon">立即注册</span> <span class="navPic abs point"></span> </p>
                            </form>
                            <!-- api界面之账号登录和扫码登录板块二维码板块 -->
                            <form action="#" class="submitForm  formSubmit">
                              <section class="QRcode">
                                  <img src="../images/wechat-white.png" alt="" />
                                  <p>微信扫码登录</p>
                                  <p>未关注源码客科技公众号,请先关注后再登录</p>
                              </section>
                              <p class="loginNow">
                                  <span>还没有源码账号, </span><span class="registerNow point stopProp">立即注册</span> <span
                                      class="stopProp point registerNow"></span>
                              </p>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 回到顶部功能按钮 -->
            <span class="iconfont icon-huidaodingbu point"></span>
        </footer>

        <!-- utiljs工具 -->
        <script src="../js/util.js"></script>
        <script src="../lib/jquory/canvas-particle.js"></script>
        <!-- 本地js -->
        <script src="../js/customer.js"></script>
    </body>